{% extends "base.html" %}

{% block content %}
<div class="card">
    <h2><i class="fas fa-book"></i> 学习资源推荐</h2>
    <p>根据您的学习进度和知识掌握情况，为您推荐以下学习资源。</p>

    <div class="recommendations-section">
        <h3>为您推荐</h3>
        <p>基于您的学习情况，我们建议您重点关注以下领域:</p>
        <ul class="topic-list">
            {% for topic in recommendations %}
            <li>{{ topic }}</li>
            {% endfor %}
        </ul>
    </div>

    <div class="resources-list">
        <h3>推荐资源</h3>

        <div class="resource-card">
            <div class="resource-icon">
                <i class="fas fa-book-open"></i>
            </div>
            <div class="resource-info">
                <h3>《基础医学概论》</h3>
                <p>全面介绍医学基础知识的教材，适合初学者。</p>
                <a href="#" class="btn">查看详情</a>
            </div>
        </div>

        <div class="resource-card">
            <div class="resource-icon">
                <i class="fas fa-video"></i>
            </div>
            <div class="resource-info">
                <h3>解剖学视频课程</h3>
                <p>哈佛医学院提供的免费解剖学视频课程。</p>
                <a href="#" class="btn">观看视频</a>
            </div>
        </div>

        <div class="resource-card">
            <div class="resource-icon">
                <i class="fas fa-file-pdf"></i>
            </div>
            <div class="resource-info">
                <h3>《临床诊断指南》</h3>
                <p>最新版临床诊断指南PDF，包含常见疾病的诊断标准。</p>
                <a href="#" class="btn">下载PDF</a>
            </div>
        </div>

        <div class="resource-card">
            <div class="resource-icon">
                <i class="fas fa-chalkboard-teacher"></i>
            </div>
            <div class="resource-info">
                <h3>药理学在线课程</h3>
                <p>为期4周的互动式药理学课程，涵盖主要药物类别和作用机制。</p>
                <a href="#" class="btn">注册课程</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}